@charset "utf-8";

/*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/


/*************** DEFAULT CSS ***************/
body{
 	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-style: normal;
	line-height:22px;
	font-weight:300;
	color:#676767;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #fff; /* Safari */
	color:#000;
        }
::-moz-selection {
    background: #fff; /* Firefox */
	color:#000;
}
a {
	color:#20C7F5;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #103FA8;
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
	background: rgb(9,146,187);
    background: -moz-linear-gradient(left, rgba(9,146,187,1) 0%, rgba(1,164,115,1) 50%, rgba(60,49,138,1) 100%);
    background: -webkit-linear-gradient(left, rgba(9,146,187,1) 0%,rgba(1,164,115,1) 50%,rgba(60,49,138,1) 100%);
    background: linear-gradient(to right, rgba(9,146,187,1) 0%,rgba(1,164,115,1) 50%,rgba(60,49,138,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0992bb', endColorstr='#3c318a',GradientType=1 );
}
#status {
	width:226px;
	height:89px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/rainbow-logo.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-44.5px 0 0 -113px; /* is width and height divided by two */
}

/*************** BACK TO TOP ***************/
#fixed-bar {
   
    z-index: 100;
	width:40px;
	height:40px;
	position:absolute;
	bottom:80px;
	right:20px;
	margin-bottom:5px;
	background: rgb(7,153,198); /* Old browsers */
background: -moz-linear-gradient(left, rgba(7,153,198,1) 0%, rgba(5,157,163,1) 40%, rgba(1,164,111,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0799c6', endColorstr='#01a46f',GradientType=1 ); /* IE6-9 */
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
#fixed-bar a {
	width:40px;
	height:40px;
	float:right;
	display:block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*border:2px solid #5b5a57;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	text-indent:-9999px;
}
#fixed-bar a:hover {}		
	
/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.container{
	width:1180px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
	float: left;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.two-col{
	width: 46%;
    float: left;
    margin-right: 8%;
}
.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.last{
	margin-right:0 !important;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
aside {
    width: 36%;
    float: left;
    margin: 0;
    padding: 0;
}
summary {
    width: 64%;
    float: right;
    margin: 0;
    padding:0 0 0 70px;
}
.list{
	float:left; 
	width:100%;
	padding:0px;
	margin:0 0 25px;
}
.list li{
	float:left;
	width:100%;
	background-image:url(../images/list.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 35px;
	margin:0 0 12px;
	color:#383838;
	list-style:none;
}

/*************** HOME PAGE CSS ***************/
header{ float:left; width:100%; top:-100px; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.header{ position:absolute; top:0px; left:0px; width:100%; z-index:2; padding-bottom: 80px; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;
background: -moz-linear-gradient(top, rgba(52,38,117,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(52,38,117,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(52,38,117,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#342675', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */}
.logo{ float:left; margin-top: 30px;}
.right-header{ float:right; margin-top: 16px;}
.top-header{display:block;text-align: right;}
.mail, .call{margin-right:38px;display: inline-block;}
.mail a, .call a{float:left;color:#fff;line-height: 24px;}
.call a{ font-weight:600;}
.mail a i, .call a i{margin-right:10px;font-size: 20px;float: left;}
social{display: inline-block;}
social a{float:left;color:#fff;margin-left: 20px;font-size: 18px;}
social a:hover{color:#fdf005;}
.bottom-header{ float: right; margin-top: 22px;}
.menu{ float:left;}
.header-quote{ float:left; margin-left: 25px;}
.header-quote a{float:left;padding: 10px 50px 10px 22px;background-color:#fdf005;font-weight:700;color:#ea1c25;font-size:12px;text-transform:uppercase;background-image:url(../images/icons/icons1.png);background-position: right 16px center;background-repeat:no-repeat;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.header-quote a:hover{ background-color:#ea1c25; color:#fff;}
.slider-wrap{ float:left; width:100%; position:relative; overflow-x: hidden;}
.slider-wrap:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #ffffff; -webkit-clip-path: polygon(100% 85%, 0% 100%, 100% 100%);
clip-path: polygon(0 85%, 0 100%, 100% 100%); z-index: 1;}
.slider-caption {position: absolute;bottom: 27%;z-index:2;width: 23%;}
.slider-caption h4{font-size:18px;line-height:normal;font-weight: 300;color:#fff;} 
.slider-caption h3{text-transform:uppercase;font-size:20px;font-weight: 700;color:#fff;margin-bottom: 30px;}
.track-now{ float:left; width:100%;}
.intro{ padding:60px 0px;}
.heading-left{float:left;width: 42%;margin-right:5%;}
.heading-right{float:left;width: 53%;}
.heading{ font-size:40px; font-weight:700; line-height:52px; color:#000; text-transform:uppercase; display:block; margin-bottom: 55px;}
.heading span{ text-transform:capitalize; font-size:16px; color:#2c508c; display:block; position:relative; padding-top: 15px;}
.heading span:before{ position:absolute; content:''; width:86px; height:6px; background-color:#ea1c25; left:0px; top:0px;}
.font-16{ font-size:16px; line-height:24px;}
.ser-box-big, .ser-box-left, .ser-box-right{float:left;margin-right:2.2%;position:relative;overflow:hidden;}
.ser-box-big, .ser-box-left{width: 23%;}
.ser-box-right{width: 47.7%;}
.ser-box-big:after, .ser-box-left:after, .ser-box-right:after{ position:absolute; content:''; width:100%; height:100%; top:0px; left:0px; background-color:#0000004d;}
.ser-box-left, .ser-box-right{margin-bottom: 26px;}
.ser-head{ position:absolute; z-index:1; text-transform:uppercase; color:#fff; font-weight:700; font-size:22px; top:40px; left:30px;}
.ser-cap-btm .ser-head{ top:auto; bottom:40px;}
.ser-box-img{ float:left; width:100%; line-height:0px;}
.ser-box-img img{ width:100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.ser-box-big:hover img, .ser-box-left:hover img, .ser-box-right:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.profile{ background-image:url(../images/profile-bg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.profile:before{ content: ''; position: absolute; top: -1px; left: 0; right: 0; width: 100%; height: 100%; background-color: #fff; -webkit-clip-path: polygon(100% 0, 0 0%, 0% 15%);   clip-path: polygon(100% 0, 0 0%, 0% 15%); z-index:1;}
.profile:after{ position: absolute; content: ''; width: 100%; height: 100%; top: 0px; left: 0px; background-color:#000000c4; z-index:0} 
.profile-left{float: left;width: 34%;margin-right: 5%;position:relative;z-index:1;margin-top: -30px;}
.profile-left img{ max-width:100%;}
.profile-right{float: left;width: 61%;padding-top: 140px;position:relative;z-index:1;}
.profile-right .heading{ color:#fff; font-size: 28px; line-height:46px;}
.profile-right .heading span{ color:#fff; text-transform:uppercase; letter-spacing:3px;}
.profile-right p{ color:#fff;}
.read-more{}
.read-more a{ display:inline-block; padding:12px 35px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; color:#fff; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:1px; text-align:center;
background: rgb(9,146,187); /* Old browsers */
background: -moz-linear-gradient(left, rgba(9,146,187,1) 0%, rgba(1,164,115,1) 50%, rgba(60,49,138,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(9,146,187,1) 0%,rgba(1,164,115,1) 50%,rgba(60,49,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(9,146,187,1) 0%,rgba(1,164,115,1) 50%,rgba(60,49,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0992bb', endColorstr='#3c318a',GradientType=1 ); /* IE6-9 */  -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.read-more a:hover{letter-spacing:2px;
background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(1,164,113,1) 0%, rgba(59,50,138,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(179,220,237,1) 0%,rgba(1,164,113,1) 0%,rgba(59,50,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(1,164,113,1) 0%,rgba(59,50,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#3b328a',GradientType=1 ); /* IE6-9 */}
.why-choose{padding: 0 0 80px;margin-top: -120px;background: rgb(9,146,187); /* Old browsers */background: -moz-linear-gradient(left, rgba(9,146,187,1) 0%, rgba(1,164,115,1) 50%, rgba(60,49,138,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(9,146,187,1) 0%,rgba(1,164,115,1) 50%,rgba(60,49,138,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(9,146,187,1) 0%,rgba(1,164,115,1) 50%,rgba(60,49,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0992bb', endColorstr='#3c318a',GradientType=1 ); /* IE6-9 */}
.why-choose:before{content: '';position: absolute;top: -230px;left: 0;right: 0;width: 100%;height: 100%;background-color: #f30a46;-webkit-clip-path: polygon(185% 0%, 100% 20%, 0% 20%);clip-path: polygon(185% 0%, 100% 20%, 0% 20%);z-index: 0;background: rgb(9,146,187); /* Old browsers */background: -moz-linear-gradient(left, rgba(9,146,187,1) 0%, rgba(1,164,115,1) 50%, rgba(60,49,138,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(9,146,187,1) 0%,rgba(1,164,115,1) 50%,rgba(60,49,138,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(9,146,187,1) 0%,rgba(1,164,115,1) 50%,rgba(60,49,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0992bb', endColorstr='#3c318a',GradientType=1 ); /* IE6-9 */}
.why-choose h2{ font-weight:700; font-size:38px; color:#fff; line-height:48px; margin-bottom:40px; display:block;}
.icon-why-choose{position:relative;float:left;width:100%;margin-bottom:30px;padding-left: 120px;}
.icon-why-choose span{position:absolute;width:82px;height:82px;background-color:#fdf005;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;display: flex;justify-content:center;align-items: center;left: 0px;top: 0px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.icon-why-choose:hover span{ background-color:#ea1c25;}
.icon-why-choose h3{ color:#fff; font-size:22px; font-weight:600;}
.icon-why-choose p{ color:#fff; font-size:16px;}
.why-choose-pd{ padding-top:160px;}
.strengths-box{ position:relative; z-index:1; margin-top:-170px;}
.strengths-img, .strengths-img img{ float:left; width:100%; line-height:0px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.strengths-img{ overflow:hidden;}
.strengths-box:hover .strengths-img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.strengths-cnt{ float:left; width:100%; position:relative; padding:50px 60px; background-color:#fff;}
.strengths-cnt:after{position:absolute;content:'';width:100%;height:140px;background-image:url(../images/shape.png);background-position: top center;background-repeat:no-repeat;left:0px;bottom: -139px;background-size: 100%;}
.strengths-cnt h2{ font-size:28px; display:block; color:#000; line-height:48px; text-transform:uppercase;}
.booking-service-wrap{ float:left; width:100%; margin-top:100px;}
.booking-box{float:left;width:20%;padding: 30px 34px 60px;text-align:center;position:relative;}
.booking-box p{ margin-bottom:10px;}
.pd-l-0{ padding-left:0px;}
.pd-r-0{ padding-left:0px;}
.booking-box h4{ font-weight:700; font-size:20px; color:#fff;}
.booking-box h4 span{ font-size:12px; font-weight:600;}
.curves-top{ background-image:url(../images/curves-top.png); background-position:top center; background-repeat:no-repeat;}
.curves-bottom{ background-image:url(../images/curves-bottom.png); background-position:bottom center; background-repeat:no-repeat;}
.booking-box:after{position:absolute;content:'';width:43px;height:43px;background-color:#fdf005;background-image:url(../images/arrow-r.png);background-position:center;background-repeat:no-repeat;right: -23px;top: 50%;margin-top: -17px;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 1;  -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.booking-box-last:after{ display:none;}
.booking-box:hover:after{ background-color:#39348a;}
.contact{padding: 90px 0 50px;}
.contact h2{ display:block; font-size:38px; line-height:60px; font-weight:700; color:#000;}
.contact h2 span{ color:#069abc;}
.contact-dtl{ float:left; position:relative; padding-left:140px;}
.contact-dtl span{ position:absolute; width:107px; height:107px; left:0px; top:10px; display: flex;justify-content: center;align-items: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
background: rgb(7,153,198); /* Old browsers */
background: -moz-linear-gradient(left, rgba(7,153,198,1) 0%, rgba(5,157,163,1) 40%, rgba(1,164,111,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0799c6', endColorstr='#01a46f',GradientType=1 ); /* IE6-9 */}
.contact-dtl a{ font-size:32px; line-height:60px; color:#646464; display:block;}
footer{float:left;width:100%;padding: 150px 0px 0;background-image:url(../images/footer.jpg);background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;}
footer:before{content: '';position: absolute;top: -1px;left: 0;right: 0;width: 100%;height: 100%;background-color: #fff;-webkit-clip-path: polygon(100% 0, 0 0%, 0% 18%);clip-path: polygon(100% 0, 0 0%, 0% 18%);z-index:1;}
footer:after{ position: absolute; content: ''; width: 100%; height: 100%; top: 0px; left: 0px; background-color:#000000c4; z-index:0}
.ftr-news{position:relative;z-index:1;float: left;width: 34%;margin-right: 4%;}
footer h2{ color:#fff; display:block; text-transform:uppercase; font-size:14px; font-weight:700; margin-bottom: 26px;}
#news-container{width:100%;float:left;overflow:hidden;position:relative;}
#news-container ul{position:relative;width:100%;margin:0;padding:0;top:0px;left:0;list-style:none;}
#news-container ul li{list-style:none;width:100%;float:left;}
#news-container ul li a{ position:relative; float:left; width:100%; padding-left:50px; color:#fff;}
#news-container ul li a span{ position:absolute; left:0px; top:0px;}
#news-container ul li a h5{ font-size:14px; color:#02a185; font-weight:700; margin-bottom:10px;}
.ftr-link{ float:left; width:12% ; margin-right:4%; position:relative; z-index:1;}
.ftr-link ul{  float:left; width:100%; padding:0px; margin:0 0 25px;}
.ftr-link ul li{list-style:none;margin-bottom: 10px;float: left;width: 100%;} 
.ftr-link ul li a{float:left;width:100%;background-image:url(../images/list1.png);background-position: top 6px left;background-repeat:no-repeat;padding-left: 25px;font-size:14px;color:#fff;}
.ftr-link ul li a:hover{ padding-left:30px;}
.time-wrap{float:right;width:24%;position:relative;z-index:1;margin-top: -186px;}
.timing{ float:left; width:100%; text-align:center; text-align:center; color:#fff; padding: 30px;
background: rgb(7,153,198); /* Old browsers */
background: -moz-linear-gradient(left, rgba(7,153,198,1) 0%, rgba(5,157,163,1) 40%, rgba(1,164,111,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0799c6', endColorstr='#01a46f',GradientType=1 ); /* IE6-9 */}
.timing p{ margin-bottom:10px;} 
.timing h4{ font-weight: 700; text-transform: uppercase; margin-bottom: 12px;} 
.timing h5{ font-weight: 200;  margin-bottom: 12px; font-size:16px;} 
.timing h6{font-weight: 500; font-size:16px;}
.location{ background-color:#342675; text-align:center; float:left; width:100%; padding:30px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.location h3{ font-size:30px; font-weight:700; color:#fff; line-height:normal; margin-bottom:0px;}
.location p{ margin-bottom:8px;}
.location:hover{ background-color: #ea1c25;}
.copy-right{ float:left; width:100%; padding:35px 0px; background-color:#0f0f0f; position:relative; z-index:1;}
.copy-right p, .copy-right a{ color:#777777; margin-bottom:0px;}

/*************** INNER PAGE CSS ***************/
.pad{ padding:80px 0px;}
.bredcrump{float:left;width:100%;margin: 0 0 50px 0;}
.bredcrump h2{font-size: 38px;font-weight: 700;line-height: normal;color: #30a499;margin-top: 10px;text-transform: uppercase;margin-bottom: 0px;}
.bredcrump a{font-size: 12px;font-weight: 300;color: #a4a4a4;text-transform: uppercase;letter-spacing: 4px;position:relative;padding-top: 12px;}
.bredcrump a:before{position:absolute;left:0px;top:0px;width: 48px;height:3px;background: #ea1c25;content:'';}
.disc{ font-weight: 400; font-size: 20px; color: #383838; line-height: 28px;}
.icon_box { border-bottom: 1px solid #e6e6e6; padding-bottom: 7px; margin-bottom: 23px;}
.icon_box:hover i {background-color: #c9a64f; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.icon_box i {float:left;margin:0px 20px 0px 0px;padding:8px;border-radius:100%;width:45px;height:45px;text-align:center;line-height:30px;color:#fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; background: rgb(7,153,198);
    background: -moz-linear-gradient(left, rgba(7,153,198,1) 0%, rgba(5,157,163,1) 40%, rgba(1,164,111,1) 100%);
    background: -webkit-linear-gradient(left, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%);
    background: linear-gradient(to right, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0799c6', endColorstr='#01a46f',GradientType=1 );}
.icon_box .descripion { display:block; overflow:hidden}
.icon_box .descripion h5 {font-size: 18px;margin: 0 0 8px 0;font-weight: 700;font-family: 'Source Sans Pro', sans-serif;}
.icon_box p { margin:0; padding-bottom:15px}
.icon_box a { color:#434446}
.team, .team-img, .team-img img, .team-cnt{ float:left; width:100%;}
.team-cnt{padding: 22px 20px;background-color: #f1f1f1;text-align:center;}
.team-cnt h2{ font-size: 16px; margin-bottom: 5px; color: #342776;}
.team-cnt h3{ font-size: 14px; font-weight: 300; margin-bottom: 0px;}
.msn-box{float:left;width:49%;margin:0 0 20px 1%;position:relative;background-color: #f1f1f1;padding: 20px 20px 20px 70px;min-height: 174px;}
.msn-box i{position:absolute;left: 10px;top: 22px;width: 50px;height: 50px;background: rgb(7,153,198);background: -moz-linear-gradient(left, rgba(7,153,198,1) 0%, rgba(5,157,163,1) 40%, rgba(1,164,111,1) 100%);background: -webkit-linear-gradient(left, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%);background: linear-gradient(to right, rgba(7,153,198,1) 0%,rgba(5,157,163,1) 40%,rgba(1,164,111,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0799c6', endColorstr='#01a46f',GradientType=1 );border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;text-align: center;line-height: 50px;font-size: 21px;color: #fff;}
.msn-box h3{font-weight: 600;margin-bottom: 10px;color: #000;}
.msn-box p{font-size: 13px;margin-bottom: 0px;}
.msn-box-full{ width:100%;}
.msn-box-full .list li { background-position: top 4px left; padding: 0 0 0 26px; background-size: 15px;}



/********* FIXED HEADER ***************/
header.smaller{ position: fixed; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; top: 0; z-index:9999; }
header.smaller .header{ background-color:#342878; padding-bottom: 0; box-shadow: 0px 0px 28px #000000b3; -webkit-box-shadow: 0px 0px 28px #000000b3; -moz-box-shadow: 0px 0px 28px #000000b3;}	
header.smaller .right-header { margin-top: 5px;}
header.smaller .bottom-header { margin-top:6px;}
header.smaller .logo{ margin: 6px 0px;}
header.smaller .logo img{ width: 175px;}

/*************** INNER BANNER ***************/
.banner{ width:100%; height:500px; float:left; background-position:top center; background-repeat:no-repeat; position:relative;}
.banner:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #ffffff; -webkit-clip-path: polygon(100% 85%, 0% 100%, 100% 100%);   clip-path: polygon(0 85%, 0 100%, 100% 100%); z-index: 1;}
.banner1{ background-image:url(../images/banner1.jpg);}

/************ HOVER STYLE ***********/
.hover-style{ width:100%; float:left; position:relative; overflow:hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; line-height:0px;}
.hover-style::before, .hover-style:after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; z-index:3 !important;}
.hover-style::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1);}
.hover-style::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0);}
.hover-style:hover::before, .hover-style:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.hover-style img { position: relative; max-width:100%; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.hover-style:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}


/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.fieldset{
	width: 100%;
	height: auto;
	padding: 15px 10px 15px 40px;
	background-color: transparent;
	display: block;
	border:none;
	border: 1px solid rgb(215, 215, 215);
	/* border-left: 1px solid #6a9539; */
	margin:0;
	color: #4c4c4c;
	font-size: 14px;
	float: left;
	position:relative;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.contact-form .fieldset{ color:#4c4c4c;}
.contact-form span{ float:left; width:100%; position:relative; margin: 0 0 10px 0;}
.f-name, .f-mail, .f-tel, .f-sub, .f-msg{background-position: 11px 11px;background-repeat: no-repeat;}
.f-name{ background-image: url(../images/icons/name.png);}
.f-mail{ background-image: url(../images/icons/mail.png);}
.f-tel{ background-image: url(../images/icons/tel.png);}
.f-sub{ background-image: url(../images/icons/sub.png);}
.f-msg{background-image: url(../images/icons/msg.png);background-position: 12px 10px;}
.fieldset1{ float:left;width:100%; max-width:100%; min-width:100%; height:100px; padding-top: 9px; }
.t-area{ margin-bottom:18px !important;}
.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin:0 5px 0 0;
	float:left;
	color:#fff;
	font-size: 16px;
	cursor:pointer;
	vertical-align:top;
	padding: 16px 26px;
	text-align:center;
	background-color: #342777;
	/* text-transform:uppercase; */
	border-radius: 50px;
	}
.sendbutton:hover{
	background-color: #10abdc;
	color:#fff;
	}
.track-form .fieldset{
    width: 60%;
    background-color: #fff;
    border: none;
    color: #555555;
    font-size: 14px;
    font-weight: 300;
    border-radius: 50px 0  0 50px;
    padding: 26px;
}
.track-form .sendbutton{width: 40%;font-size:16px;font-weight:600;color:#fff;background-color:#ea1c25;margin: 0px;padding: 25px 20px;border-radius: 0 50px 50px 0;}
.track-form .sendbutton:hover{ background-color:#fdf005; color:#ea1c25;}
.request-quote .fieldset {padding: 15px 25px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;margin-bottom: 10px;}
::-webkit-input-placeholder {
   color: #555555 !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #555555 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #555555 !important;
}
:-ms-input-placeholder {  
   color: #555555 !important;
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1366px) {
.slider-caption { width: 35%;}
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.container{ width:96%;}
.contact-dtl { padding-left: 128px; padding-top: 17px;}
.contact-dtl a { font-size: 22px; line-height: 44px;}
.why-choose { margin-top:-120px;}
.strengths-box { margin-top:-140px;}
.why-choose:before { top:-236px;}
.curves-top, .curves-bottom { background-size: 225px;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
.curves-top, .curves-bottom { background-size: 187px;}
.why-choose { margin-top: 0px;}
.why-choose:before { top: -247px;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
.bottom-header { position: absolute; width: 100%; left: 0px;}
.header-quote { position: absolute; z-index: 2; right: 140px;}
.header{ z-index:3;}
.strengths-box { margin-top: 0;}
.why-choose-pd { padding-top: 70px;}
.why-choose { padding-top: 60px;}
.profile { padding-bottom: 102px;}
.why-choose:before { top: -261px;}
}

/************************************* 800px *************************************/
@media only screen and (max-width: 800px) {
.slider-caption { width: 52%;}
.slider-wrap:after { bottom: -2px;}
.heading span { padding-top: 28px; line-height: 25px; margin-bottom: 20px;}
.ser-head { font-size: 16px; top: 26px; left: 15px;}
.ser-cap-btm .ser-head { bottom: 5px;}
.profile:before { -webkit-clip-path: polygon(100% 0, 0 0%, 0% 10%); clip-path: polygon(100% 0, 0 0%, 0% 10%);}
.why-choose:before { -webkit-clip-path: polygon(300% 0%, 100% 20%, 0% 20%); clip-path: polygon(300% 0%, 100% 20%, 0% 20%); top: -282px;}
.contact .two-col{ width:100%; margin:0 0 25px 0;}
}

/************************************* 768px *************************************/
@media only screen and (max-width: 768px) {
social{ display:none;}
.mail{ margin-right: 10px;}
.call { margin-right:0px;}
.heading-left { width: 100%; margin:0;}
.heading { margin-bottom: 30px;}
.heading-right { width:100%;}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
.two-col, .three-col, .four-col, aside, summary, .ftr-news, .ftr-link, .msn-box{ width:100%; margin:0 0 25px 0; }
summary { padding:0px;}
header .container { width: 97%;}
.logo { margin-top: 12px;}
.logo img{ width: 154px;}
header{ background-color: #3d308a;}
.header{ position: relative; float: left; padding-bottom: 50px;}
.right-header { margin-top: 32px;}
.mail a, .call a { line-height: 15px; font-size: 12px;}
.mail a i, .call a i { font-size: 15px;}
.bottom-header { margin-top: 32px; left:0px; width: 100%;}
.header-quote { left: 0; margin-left: 0;}
.header-quote a{ border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; padding: 11px 50px 10px 22px;}
.slider-caption h4 { font-size: 12px;}
.slider-caption h3 { font-size: 16px; margin-bottom: 15px;}
.track-form .fieldset { font-size: 12px; padding: 18px 15px;}
.track-form .sendbutton { font-size: 12px; padding: 18px 5px 17px;}
.intro { padding: 40px 0px;}
.ser-box-right { width: 47.7%;}
.ser-box-big, .ser-box-left { width: 47.8%;}
.ser-box-left, .ser-box-right { margin-bottom: 18px;}
.why-choose-pd { padding-top: 0;}
.why-choose:before { -webkit-clip-path:polygon(420% 0%, 100% 20%, 0% 20%); clip-path: polygon(420% 0%, 100% 20%, 0% 20%); top:-515px;}
.booking-box { width: 100%; padding:15px 0 35px;}
.curves-top, .curves-bottom { background-image: none;}
.booking-box:after{ right: 50%; margin-right: -21.5px; top: auto; bottom: 0; margin-top: 0; background-image: url(../images/arrow-b.png);}
.booking-service-wrap { margin-top: 132px;}
.why-choose { padding: 30px 0 20px;}
.contact { padding: 60px 0 50px;}
footer:before { -webkit-clip-path: polygon(100% 0, 0 0%, 0% 9%); clip-path: polygon(100% 0, 0 0%, 0% 9%);}
footer { padding: 150px 0px 0;}
.time-wrap { width: 100%; margin-top: 0;}
.copy-right p, .copy-right a { font-size: 12px; text-align: center;}
.profile-right .heading { line-height: 34px;}
header.smaller .bottom-header { margin-top: 29px;}
header.smaller .right-header { margin-top: 34px;}
header.smaller .header { padding-bottom: 41px;}
header.smaller .logo img { width: 154px;}
.banner { height: 246px; background-size: 940px;}
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.header { padding-bottom: 50px;}
.right-header { margin-top: 22px; width: 184px;}
.mail { margin-right: 0;}
.bottom-header { margin-top: 20px;}
.slider-caption { width: 70%;}
.bgslide { height: 254px;}
.ser-box-big, .ser-box-left, .ser-box-left, .ser-box-right, .profile-left, .profile-right { width: 100%; margin:0 0 20px 0;}
.profile-left{ text-align:center;}
.profile-right{ padding-top:0px;}
.profile-left img { width: 180px;}
.why-choose:before{ top: -522px;}
.contact h2 { font-size: 32px; line-height: 44px; text-align: center;}
.contact .two-col { margin: 0 0 0px 0;}
.contact-dtl { padding: 0 0 0 0; text-align: center; width: 100%;}
.contact-dtl span { left: 50%; margin-left: -53.5px; margin-bottom: 20px; top: 0; position:relative;}
.contact-dtl a { line-height: 34px;}
header.smaller .header { padding-bottom: 38px;}
header.smaller .right-header { margin-top: 18px;}
header.smaller .bottom-header { margin-top: 12px;}
.banner{ height: 186px; background-size: 710px;}
.banner .slider-caption h4 { margin-bottom: 6px;}
.banner .slider-caption h3 { font-size: 15px; margin-bottom: 10px;}
.banner .track-form .fieldset{ padding: 12px 15px;}
.banner .track-form .sendbutton{ padding: 12px 5px 11px;}
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.track-form .fieldset { padding: 13px 15px;}
.track-form .sendbutton { font-size: 11px; padding: 14px 5px 13px;}
.track-form .fieldset { font-size: 11px; padding: 14px 15px;}
.slider-caption h4 { margin-bottom: 10px;}
.heading { font-size: 32px;  line-height: 38px;}
.icon-why-choose { padding-left: 90px; margin-bottom: 10px;}
.icon-why-choose span { width: 68px; height: 68px;}
.icon-why-choose span img{ width:40px;}
.icon-why-choose h3 { margin-bottom: 14px;}
.strengths-cnt { padding: 40px 25px;}
.strengths-cnt h2 { margin-bottom: 20px; font-size: 25px;}
.booking-service-wrap { margin-top: 70px;}
.why-choose:before { top: -508px;}
footer { padding: 180px 0px 0;}
.logo img { width: 125px;}
.mail a i, .call a i { margin-right: 5px;}
.header-quote a { padding: 11px 50px 10px 18px; font-size: 11px;}
.bottom-header { margin-top: 9px;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {
.container{width:90%;}
.why-choose:before { top: -526px;}
header.smaller .logo img { width: 125px;}
header.smaller .logo { margin: 10px 0px;}
}